<template>
	<view class="school">
		<view class="header">
			<view class="header_image"><image src="../../static/tou.jpg" mode=""></image></view>
			<view class="title">{{title}}</view>
		</view>
		<view class="main">
			<view class="xioayuan">
				<image src="../../static/xiaoyuan.png" mode="" class="main_left"></image>
				<text>{{xiaoyuan}}</text>
				<image src="../../static/you.png" mode="" class="main_right"></image>
			</view>
		</view>
		<view class="footer">
			<view class="">
				校派提供技术支持
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:'泰山护理职业学院',
				xiaoyuan:'校园风光'
			}
		},
		methods: {
			
		}
	}
</script>

<style>
   .school{background-color: #F1F1F1;}
   .header{height: 248rpx;background-color: white;text-align: center;}
   .header_image{width: 114rpx;height: 115rpx;margin:52rpx 318rpx 24rpx 318rpx;}
   .header_image image{width: 100%;height: 100%;border-radius: 50%;box-shadow: 2px 5px 16px 2px rgba(53, 53, 53, 0.22);}
   .header .title{font-size: 30rpx;font-weight: bold;}
   .main{margin-top: 30rpx;height: 406rpx;background-color: white;}
   .main .xiaoyuan{}
   .main_left{width: 80rpx;height: 80rpx;}
   .main_right{width: 49rpx;height: 49rpx;}
   .footer{height: 775rpx;font-size: 20rpx;font-weight: 400;color: #666666;text-align: center;padding-top:25rpx;}
</style>
